<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>块级元素与行内元素</title>
</head>
<body>
    <!-- 块级元素，特征：独占一行 -->
    <h1>块级</h1>
    <p>块级</p>
    <marquee>块级</marquee>
    <!-- 行内元素，特征:不独占一行 -->
    <span>行内</span>
    <!-- 规则一:块级元素可以写块级元素和行内元素，一些特殊的除外:比如h1~h6 ， p 等等-->
    <!-- 规则二:行内元素只能写行内元素 -->
    <div>
        <div><p>嵌套</p></div>
    </div>
    <span>你好<span>哈哈哈哈</span></span>
</body>
</html>